<template>
  <div id="all" style="background: #f2f2f2;">
   
    <div class="col-md-12" >
        

         <div class="col-md-2 ">
            <div class="nav nav-stacked">
            
            <ul style="padding-left:0px;">
                
                <li class="active nav-item">
                  <a  class="dropdown-toggle" data-target="#list1" >
                    <img src="static/img/jiben.png" /><span>屏幕设置</span><i class="arrow icon-angle-down"></i>
                  </a>
                  <ul id="list1" >
                    <li class="active" onclick="displayMenu(0,this)" data-toggle="modal" data-target="#modaldiv">
                      <a><span>基本参数</span></a>
                    </li>
                    <li onclick="displayMenu(1,this)" data-toggle="modal" data-target="#modaldiv" style="display:none">
                      <a><span>音量</span></a>
                    </li>
                    <li onclick="displayMenu(2,this)" data-toggle="modal" data-target="#modaldiv">
                      <a><span>亮度</span></a>
                    </li>
                    <li onclick="displayMenu(3,this)" data-toggle="modal" data-target="#modaldiv">
                      <a><span>开关屏</span></a>
                    </li>
                    <li onclick="displayMenu(4,this)" data-toggle="modal" data-target="#modaldiv">
                      <a><span>设备操作</span></a>
                    </li>
                  </ul>
                </li>
                <li role="presentation" class="nav-item nav-show" >
                  <a class="dropdown-toggle" data-target="#list2">
                    <img src="static/img/chuankou.png" /><span>串口设置</span><i class="arrow icon-angle-down"></i>
                  </a>
                  <ul id="list2" >
                    <li onclick="displayMenu(5,this)" class="active" data-toggle="modal" data-target="#modaldiv">
                      <a><span>升级固件</span></a>
                    </li>
                    <li onclick="displayMenu(6,this)" data-toggle="modal" data-target="#modaldiv">
                      <a><span>操作</span></a>
                    </li>
                    <li onclick="displayMenu(7,this)" data-toggle="modal" data-target="#modaldiv">
                      <a><span>波特率</span></a>
                    </li>
                    <li onclick="displayMenu(8,this)" data-toggle="modal" data-target="#modaldiv">
                      <a><span>扫描</span></a>
                    </li>
                    <li onclick="displayMenu(9,this)" data-toggle="modal" data-target="#modaldiv">
                      <a><span>GPRS参数</span></a>
                    </li>
                  </ul>
                </li>
                <li role="presentation" class="nav-item">
                  <a  class="dropdown-toggle" data-target="#list3" >
                    <img src="static/img/cz.png" style="width: 25px;" /><span>车载设置</span><i class="arrow icon-angle-down"></i>
                  </a>
                  <ul id="list3" >
                    <li onclick="displayMenu(10,this)" class="active" data-toggle="modal" data-target="#modaldiv">
                      <a><span>星级设置</span></a>
                    </li>
                    <li onclick="displayMenu(11,this)" data-toggle="modal" data-target="#modaldiv">
                      <a><span>报警</span></a>
                    </li>
                    <li onclick="displayMenu(12,this)" data-toggle="modal" data-target="#modaldiv">
                      <a><span>空车有客</span></a>
                    </li>
                  </ul>
                </li>
              </ul>
            </div>
            </div>

             <div class="col-md-10">
          <div class="panel panel-primary">
            <div class="panel-heading">
              <h3 class="panel-title">设备操作</h3>
            </div>
            <div class="panel-body" style="height:100%;padding:0px;">
              <form class="form-inline" style="text-align:left;margin: 20px 10px;">
                  <label for="name">&nbsp;设备编号:</label>
                  <input
                    type="text"
                    class="form-control"
                    id="usnameval"
                    placeholder="请输入设备编号"
                    onkeyup="value=value.replace(/[^\w]/g,'')"
                    maxlength="12"
                  >
                  <label for="name" style="display:none">&nbsp;类型:</label>
                  <select id="typecx" class="form-control" style="display:none">
                    <option value>--全部--</option>
                    <option value="0">单色</option>
                    <option value="1">双色</option>
                    <option value="2">全彩</option>
                    <option value="3">安卓</option>
                  </select>

                  <button type="button" class="btn btn-primary">查询</button>
              </form>
                    <div class="jqGrid_wrapper" style="background:white">
                      <table id="table_list_1"></table>
                      <div id="pager_list_1"></div>
                    </div>
                  </div>
                </div>
      </div>
     
  </div>
    
          <div
                class="modal fade bs-example-modal-lg"
                id="modaldiv"
                style="overflow:auto"
                role="dialog"
                aria-labelledby="myModalLabel"
                aria-hidden="true"
              
              >
                <div class="modal-dialog modal-lg">
                  <div class="modal-content">
                    <div class="modal-header">
                      <h4 class="modal-title" id="myModalLabel">设置</h4>
                    </div>
                    <div class="modal-body">

                        <div class="right-content" >

                          
                          <!--基本参数-->
                          <div class="row" style="display:none;margin-left:10px;">
                            <div class="col-md-11">
                              <fieldset
                                class="scheduler-border"
                                style="border:none;border: 1px solid rgb(66, 139, 202);;height:125px"
                              >
                                <legend class="scheduler-border" style=" margin-bottom: 0px">基本参数</legend>
                                <table id="first">
                                  <tr>
                                    <td style="display:none;">
                                      <label>卡名称</label>
                                    </td>
                                    <td style="display:none;">
                                      <input type="text" class="form-control" />
                                    </td>
                                    <td>
                                      <button id="addjm" style="display:none;" class="btn btn-primary">读取卡号</button>
                                    </td>
                                    <td>
                                      <button id="addjm" style="display:none;" class="btn btn-primary">修改卡号</button>
                                    </td>
                                    <td>
                                      <label>屏类型</label>
                                    </td>
                                    <td>
                                      <select class="form-control" id="color">
                                        <option value="0">单色屏</option>
                                        <option value="1">双色屏</option>
                                        <option value="3">七彩屏</option>
                                        <option value="4">全彩屏</option>
                                      </select>
                                    </td>
                                    <td id="check">
                                      <label class="checkbox-inline">
                                        <input type="checkbox" value="0" onclick="Choice(this)" />OE反向
                                      </label>
                                      <label class="checkbox-inline">
                                        <input type="checkbox" value="1" onclick="Choice(this)" checked />数据反向
                                      </label>
                                      <label class="checkbox-inline">
                                        <input type="checkbox" value="0" onclick="Choice(this)" />数据字节逆序
                                      </label>
                                    </td>
                                    <td>
                                      <label class="checkbox-inline">
                                        <input type="checkbox" id="yerOrNo" /><span style="color:blue">设置扩展参数</span>
                                      </label>

                                      <button
                                        class="btn btn-info"
                                        data-toggle="modal"
                                        data-target="#modalLong"
                                        style="display:none"
                                      >扩展设置</button>
                                    </td>
                                  </tr>
                                </table>
                                <table>
                                  <tr id="param">
                                    <td>
                                      <label>宽度</label>
                                    </td>
                                    <td>
                                      <input class="form-control" type="number" name="points" min="1" max="1000" />
                                    </td>

                                    <td>
                                      <label>高度</label>
                                    </td>
                                    <td>
                                      <input class="form-control" type="number" name="points" min="1" max="1000" />
                                    </td>

                                    <td>
                                      <label>节目数量</label>
                                    </td>
                                    <td>
                                      <input
                                        type="text"
                                        class="form-control"
                                        style="width:80px"
                                        onkeyup="this.value=this.value.replace(/\D/g,'')"
                                      />
                                    </td>

                                    <td>
                                      <button id="sup" class="btn btn-primary">设置</button>
                                      <button class="btn btn-warning" id="readParam" style="display:none">回读</button>
                                    </td>
                                  </tr>
                                </table>
                              </fieldset>
                            </div>
                          </div>

                          <!-- 音量 style="margin:-135px 0px 10px 560px;"-->
                          <div class="row" style="display:none">
                            <div class="col-md-6">
                              <fieldset
                                class="scheduler-border"
                                style="border:none;border: 1px solid rgb(66, 139, 202);"
                              >
                                <legend class="scheduler-border" style=" margin-bottom: 0px">音量设置</legend>
                                <table>
                                  <tr>
                                    <td>
                                      <label>音量值</label>
                                    </td>
                                    <td>
                                      <input
                                        type="number"
                                        id="VolumnValue"
                                        class="form-control"
                                        value="1"
                                        min="1"
                                        max="10"
                                      />
                                    </td>
                                    <td>
                                      <button class="btn btn-primary" id="volume">设置</button>
                                    </td>

                                    <td style="display:none">
                                      <button class="btn btn-default" id="scanning">保存扫描到文件</button>
                                      <input type="file" id="file" value="保存扫描到文件" style="display:none" />
                                    </td>
                                  </tr>
                                  <tr>
                                    <td>
                                      <label>继电器号</label>
                                    </td>
                                    <td>
                                      <select class="form-control" id="bagID">
                                        <option value="0">继电器号1</option>
                                        <option value="1">继电器号2</option>
                                        <option value="2">继电器号3</option>
                                        <option value="3">继电器号4</option>
                                        <option value="4">继电器号5</option>
                                        <option value="5">继电器号6</option>
                                        <option value="6">继电器号7</option>
                                        <option value="7">继电器号8</option>
                                        <option value="8">继电器号9</option>
                                        <option value="9">继电器号10</option>
                                        <option value="10">继电器号11</option>
                                        <option value="11">继电器号11</option>
                                      </select>
                                    </td>
                                    <td>
                                      <select class="form-control" id="offset">
                                        <option value="0">关</option>
                                        <option value="1">开</option>
                                      </select>
                                    </td>
                                    <td>
                                      <button class="btn btn-primary" id="bagSet">设置</button>
                                    </td>
                                  </tr>
                                </table>
                              </fieldset>
                            </div>
                          </div>

                          <!-- 亮度 -->
                          <div class="row" style="display:none">
                            <div class="col-md-8">
                              <fieldset
                                class="scheduler-border"
                                style="border:none;border: 1px solid rgb(66, 139, 202);height:163px;"
                                id="brightness"
                              >
                                <legend class="scheduler-border" style=" margin-bottom: 0px">亮度</legend>
                                <table class="bright">
                                  <tr>
                                    <td>
                                      <label>调节方式</label>
                                    </td>
                                    <td>
                                      <div>
                                        <select class="form-control" id="lightType" style="width:108px">
                                          <option value="1">手动调节</option>
                                          <option value="0">定时调节</option>
                                        </select>
                                      </div>
                                    </td>
                                    <td>
                                      <label>有效时间个数</label>
                                    </td>
                                    <td>
                                      <div style="display:">
                                        <select
                                          class="form-control"
                                          id="timeCount"
                                          style="width:70px"
                                          disabled
                                          onchange="lightchange()"
                                        >
                                          <option>1</option>
                                          <option>2</option>
                                          <option>3</option>
                                          <option>4</option>
                                        </select>
                                      </div>
                                    </td>
                                    <td>
                                      <button id="light" class="btn btn-primary">设置</button>
                                    </td>
                                  </tr>
                                </table>
                                <table class="bright">
                                  <tr>
                                    <td>
                                      <label>定时1</label>
                                    </td>
                                    <td>
                                      <div id="timer1" class="time"></div>
                                    </td>
                                    <td>
                                      <label>亮度1</label>
                                    </td>
                                    <td>
                                      <input type="number" name="points" min="0" max="15" value="15" />
                                    </td>

                                    <td>
                                      <label>定时2</label>
                                    </td>
                                    <td>
                                      <div id="timer2" class="time"></div>
                                    </td>
                                    <td>
                                      <label>亮度2</label>
                                    </td>
                                    <td>
                                      <input type="number" name="points" min="0" max="15" value="15" disabled />
                                    </td>
                                  </tr>
                                  <tr>
                                    <td>
                                      <label>定时3</label>
                                    </td>
                                    <td>
                                      <div id="timer3" class="time"></div>
                                    </td>
                                    <td>
                                      <label>亮度3</label>
                                    </td>
                                    <td>
                                      <input type="number" name="points" min="0" max="15" value="15" disabled />
                                    </td>

                                    <td>
                                      <label>定时4</label>
                                    </td>
                                    <td>
                                      <div id="timer4" class="time"></div>
                                    </td>
                                    <td>
                                      <label>亮度4</label>
                                    </td>
                                    <td>
                                      <input type="number" name="points" min="0" max="15" value="15" disabled />
                                    </td>
                                  </tr>

                                  <tr style="display:none">
                                    <td>
                                      <label>起始时间5</label>
                                      <input type="time" class="form-control" value="00:00" />
                                    </td>
                                    <td>
                                      <label>亮度5</label>
                                    </td>
                                    <td>
                                      <input type="text" disabled />
                                    </td>

                                    <td>
                                      <label>起始时间6</label>
                                      <input type="time" class="form-control" value="00:00" />
                                    </td>
                                    <td>
                                      <label>亮度6</label>
                                    </td>
                                    <td>
                                      <input type="text" disabled />
                                    </td>
                                  </tr>

                                  <tr style="display:none">
                                    <td>
                                      <label>起始时间7</label>
                                      <input type="text" class="time form-control" />
                                    </td>
                                    <td>
                                      <label>亮度7</label>
                                    </td>
                                    <td>
                                      <input type="text" />
                                    </td>

                                    <td>
                                      <label>起始时间8</label>
                                      <input
                                        type="text"
                                        class="time form-control"
                                        data-date-format="yyyy-mm-dd hh:ii"
                                      />
                                    </td>
                                    <td>
                                      <label>亮度8</label>
                                    </td>
                                    <td>
                                      <input type="text" />
                                    </td>
                                  </tr>
                                </table>
                              </fieldset>
                            </div>
                          </div>

                          <!--开关屏-->
                          <div class="row" style="display:none">
                            <div class="col-md-8">
                              <fieldset
                                class="scheduler-border"
                                style="border:none;border: 1px solid rgb(66, 139, 202);height:163px;"
                                id="screenOption"
                              >
                                <legend class="scheduler-border" style=" margin-bottom: 0px">开关屏</legend>
                                <table>
                                  <tr>
                                    <td>
                                      <label>有效时间个数</label>
                                    </td>
                                    <td>
                                      <div style="display:">
                                        <select
                                          class="form-control"
                                          id="timeScreenCount"
                                          style="width:70px"
                                          onchange="screenchange()"
                                        >
                                          <option>1</option>
                                          <option>2</option>
                                          <option>3</option>
                                          <option>4</option>
                                        </select>
                                      </div>
                                    </td>
                                    <td>
                                      <button id="setOption" class="btn btn-primary">设置</button>
                                    </td>
                                    <td style="color:red;">
                                      <span>
                                        （注：设置的时间段是设备开
                                        <br />屏时间，其他时间都是关屏）
                                      </span>
                                    </td>
                                  </tr>
                                </table>
                                <table class="bright">
                                  <tr>
                                    <td>
                                      <label>开始1</label>
                                    </td>
                                    <td>
                                      <div id="stimer1" class="time"></div>
                                    </td>
                                    <td>
                                      <label>结束1</label>
                                    </td>
                                    <td>
                                      <div id="etimer1" class="time"></div>
                                    </td>

                                    <td>
                                      <label>开始2</label>
                                    </td>
                                    <td>
                                      <div id="stimer2" class="time"></div>
                                    </td>
                                    <td>
                                      <label>结束2</label>
                                    </td>
                                    <td>
                                      <div id="etimer2" class="time"></div>
                                    </td>
                                  </tr>
                                  <tr>
                                    <td>
                                      <label>开始3</label>
                                    </td>
                                    <td>
                                      <div id="stimer3" class="time"></div>
                                    </td>
                                    <td>
                                      <label>结束3</label>
                                    </td>
                                    <td>
                                      <div id="etimer3" class="time"></div>
                                    </td>

                                    <td>
                                      <label>开始4</label>
                                    </td>
                                    <td>
                                      <div id="stimer4" class="time"></div>
                                    </td>
                                    <td>
                                      <label>结束4</label>
                                    </td>
                                    <td>
                                      <div id="etimer4" class="time"></div>
                                    </td>
                                  </tr>
                                </table>
                              </fieldset>
                            </div>
                          </div>

                          <!--设备操作 -->
                          <div class="row" style="display:none;margin-left:200px;" >
                            <div class="col-md-5" id="header" style="text-align:-webkit-center">
                              <fieldset
                                class="scheduler-border"
                                style="border:none;border: 1px solid rgb(66, 139, 202);"
                              >
                                <legend class="scheduler-border" style=" margin-bottom: 0px">设备操作</legend>
                                <table>
                                  <tr>
                                    <td>
                                      <label>操作</label>
                                    </td>
                                    <td>
                                      <select class="form-control" id="zl" title="切换app操作只对马甲屏有效">
                                        <option value="19">开屏</option>
                                        <option value="18">关屏</option>
                                        <option value="46">清空节目</option>
                                        <!--<option value="item-4">测试屏</option>!-->
                                        <option value="67">屏复位</option>
                                        <option value="52" >切换app操作</option>
                                      </select>
                                    </td>
                                    <td>
                                      <button type="button" class="btn btn-success" id="ok">确定</button>
                                    </td>
                                  </tr>
                                </table>
                              </fieldset>
                            </div>
                          </div>

                          <!-- 升级固件-->
                          <div class="row" style="display:none" >
                            <div class="col-md-7" id="header" style="text-align:-webkit-center">
                              <fieldset
                                class="scheduler-border"
                                style="border:none;border: 1px solid rgb(66, 139, 202);"
                              >
                                <legend class="scheduler-border" style=" margin-bottom: 0px">升级固件</legend>
                                <table>
                                  <tr style="display:;">
                                    <td>
                                      <label for="name" class="control-label">升级固件</label>
                                    </td>
                                    <td>
                                      <input type="file" id="file1" name="file" accept=".bin" onChange="fileload()" />
                                    </td>
                                    <td>
                                      <button class="btn btn-primary" id="send">发送</button>
                                    </td>
                                  </tr>
                                </table>
                              </fieldset>
                            </div>
                          </div>

                          <!--操作 -->
                          <div class="row" style="display:none;margin-left:200px;" >
                            <div class="col-md-4" id="header" style="text-align:-webkit-center">
                              <fieldset
                                class="scheduler-border"
                                style="border:none;border: 1px solid rgb(66, 139, 202);"
                              >
                                <legend class="scheduler-border" style=" margin-bottom: 0px">操作</legend>
                                <table>
                                  <tr>
                                    <td>
                                      <label>操作</label>
                                    </td>
                                    <td>
                                      <select class="form-control" id="option">
                                        <option value="12">测试</option>
                                        <option value="13">查询版本</option>
                                        <option value="242">格式化</option>
                                      </select>
                                    </td>
                                    <td>
                                      <button type="button" class="btn btn-success" id="control">确定</button>
                                    </td>
                                  </tr>
                                </table>
                              </fieldset>
                            </div>
                          </div>
                          <!--波特率设置 -->
                          <div class="row" style="display:none;margin-left:200px;" >
                            <div class="col-md-4" style="display:">
                              <fieldset
                                class="scheduler-border"
                                style="border:none;border: 1px solid rgb(66, 139, 202);"
                              >
                                <legend class="scheduler-border" style=" margin-bottom: 0px">波特率配置</legend>
                                <table>
                                  <tr>
                                    <td>
                                      <label>485通信地址</label>
                                    </td>
                                    <td>
                                      <input type="text" class="form-control" value="255" id="p_Adrr" />
                                    </td>
                                  </tr>

                                  <tr>
                                    <td>
                                      <label>波特率</label>
                                    </td>
                                    <td>
                                      <select class="form-control" id="baudRate">
                                        <option value="1">9600</option>
                                        <option value="2">28800</option>
                                        <option value="3">57600</option>
                                        <option value="4" selected>115200</option>
                                      </select>
                                    </td>
                                  </tr>
                                  <tr>
                                    <td>
                                      <label>等待时间</label>
                                    </td>
                                    <td style="display: -webkit-box;">
                                      <input
                                        type="number"
                                        id="waitTime"
                                        min="1"
                                        max="15"
                                        value="2"
                                        class="form-control"
                                        style="width:50%"
                                      />
                                      &nbsp;&nbsp;
                                      <button
                                        class="btn btn-primary"
                                        type="button"
                                        id="cuanSet"
                                      >设置</button>
                                    </td>
                                  </tr>
                                </table>
                              </fieldset>
                            </div>
                          </div>

                          <!-- 扫描配置 -->
                          <div class="row" style="display:none;margin-left:-50px;" >
                            <div class="col-md-12" style="width:830px">
                              <fieldset
                                class="scheduler-border"
                                style="border:none;border: 1px solid rgb(66, 139, 202);"
                              >
                                <legend class="scheduler-border" style=" margin-bottom: 0px">扫描配置</legend>
                                <table>
                                  <tr>
                                    <td>
                                      <label>扫描方式</label>
                                    </td>
                                    <td>
                                      <select class="form-control" id="scanType"></select>
                                    </td>
                                    <td>
                                      <label>行消隐</label>
                                    </td>
                                    <td>
                                      <select class="form-control" id="lineShadow">
                                        <option value="0">正常</option>
                                        <option value="1">加长</option>
                                        <option value="2">超长</option>
                                      </select>
                                    </td>
                                    <td>
                                      <button class="btn btn-primary" id="scanSet">设置</button>
                                    </td>
                                  </tr>
                                </table>
                                <table style="margin: 10px 100px;">
                                  <tr>
                                    <td></td>
                                    <td colspan="2">
                                      <label>行顺序</label>
                                    </td>
                                    <td>
                                      <select class="form-control" id="rowOrder" style="width:100px">
                                        <option value="0">+1</option>
                                        <option value="1">标准</option>
                                        <option value="2">-1</option>
                                      </select>
                                    </td>

                                    <td>
                                      <label>点阵</label>
                                    </td>
                                    <td>
                                      <select class="form-control" id="RGOrder">
                                        <option value="0">R+G</option>
                                        <option value="1">G+R</option>
                                      </select>
                                    </td>
                                    <td>
                                      <label>数据类型</label>
                                    </td>
                                    <td>
                                      <select class="form-control" id="mirror">
                                        <option value="0">正常</option>
                                        <option value="1">镜像</option>
                                      </select>
                                    </td>
                                    <td>
                                      <label>138译码</label>
                                    </td>
                                    <td>
                                      <select class="form-control" id="have138">
                                        <option value="0">YES</option>
                                        <option value="1">NO</option>
                                      </select>
                                    </td>
                                  </tr>
                                  <br />
                                </table>
                              </fieldset>
                            </div>
                          </div>

                          <!--网络信息设置_footer-->
                          <div class="row" style="display:none;margin-left:10px;">
                            <div class="col-md-8" style="margin-left: 50px;">
                              <!-- <fieldset class="scheduler-border" style="border:none;border: 1px solid rgb(66, 139, 202);">
                              <legend class="scheduler-border" style=" margin-bottom: 0px;">网络信息设置</legend>-->

                              <div class="col-md-6" style="display:none">
                                <table>
                                  <tr>
                                    <td>
                                      <label>Mac地址配置</label>
                                    </td>
                                    <td>
                                      <input type="text" class="form-control" />
                                    </td>
                                    <td>
                                      <button class="btn btn-primary">设置</button>
                                    </td>
                                  </tr>
                                </table>

                                <div class="col-md-11" style="display:none">
                                  <fieldset
                                    class="scheduler-border"
                                    style="border:none;border: 1px solid rgb(66, 139, 202);"
                                  >
                                    <legend class="scheduler-border" style=" margin-bottom: 0px">服务器配置</legend>
                                    <table style="margi:0px auto;">
                                      <tr>
                                        <td>
                                          <label>服务器端类型</label>
                                        </td>
                                        <td>
                                          <select class="form-control">
                                            <option>TCP服务</option>
                                            <option>UDP服务</option>
                                          </select>
                                        </td>
                                        <td colspan="2">
                                          <button
                                            class="btn btn-primary"
                                            type="button"
                                            data-toggle="modal"
                                            data-target="#myModal"
                                          >设置</button>
                                        </td>
                                      </tr>
                                      <br />
                                      <tr>
                                        <td>服务器IP地址</td>
                                        <td>
                                          <input type="text" class="form-control" />
                                        </td>
                                        <td>服务端口</td>
                                        <td>
                                          <input type="text" class="form-control" />
                                        </td>
                                      </tr>
                                    </table>
                                  </fieldset>

                                  <!--控制卡设置-->

                                  <fieldset
                                    class="scheduler-border"
                                    style="border:none;border: 1px solid rgb(66, 139, 202);"
                                  >
                                    <legend class="scheduler-border" style=" margin-bottom: 0px">控制卡设置</legend>
                                    <table>
                                      <tr>
                                        <td>
                                          <label>IPAdress</label>
                                        </td>
                                        <td>
                                          <input type="text" class="form-control" />
                                        </td>
                                        <td>
                                          <input type="checkbox" value />
                                        </td>
                                        <td>
                                          <label>是否支持DHCP</label>
                                        </td>
                                        <td>
                                          <button
                                            class="btn btn-primary"
                                            type="button"
                                            data-toggle="modal"
                                            data-target="#myModal"
                                          >设置</button>
                                        </td>
                                      </tr>
                                      <tr>
                                        <td>
                                          <label>子网掩码</label>
                                        </td>
                                        <td>
                                          <input type="text" class="form-control" />
                                        </td>
                                        <td>
                                          <label>DSN1</label>
                                        </td>
                                        <td>
                                          <input type="text" class="form-control" />
                                        </td>
                                      </tr>
                                      <tr>
                                        <td>
                                          <label>网关</label>
                                        </td>
                                        <td>
                                          <input type="text" class="form-control" />
                                        </td>
                                        <td>
                                          <label>DSN2</label>
                                        </td>
                                        <td>
                                          <input type="text" class="form-control" />
                                        </td>
                                      </tr>
                                    </table>
                                  </fieldset>
                                </div>
                              </div>

                            <!-- GPS参数设置 -->

                              <!-- <div class="col-md-6" style="margin: 10px 250px;"> -->
                              <fieldset
                                id="gprsTable"
                                class="scheduler-border"
                                style="border:none;border: 1px solid rgb(66, 139, 202);"
                              >
                                <legend class="scheduler-border" style=" margin-bottom: 0px">GPRS参数设置</legend>
                                <table>
                                  <tr>
                                    <td>
                                      <input type="checkbox" value="0" onclick="Choice(this)" id="is4G" />
                                      <label>4G</label>
                                    </td>

                                    <td>
                                      <button class="btn btn-warning" id="readGPRS">回读</button>
                                      <button class="btn btn-primary" id="GPRS">设置</button>
                                    </td>
                                    <!-- data-toggle="modal" data-target="#myModal" -->
                                  </tr>
                                  <tr>
                                    <td>
                                      <label>服务器类型:</label>
                                    </td>
                                    <td>
                                      <select class="form-control" id="ipType">
                                        <option value="0">固定IP</option>
                                        <option value="1">域名</option>
                                      </select>
                                    </td>

                                    <td>
                                      <label>服务器IP地址/域名:</label>
                                    </td>
                                    <td>
                                      <input type="text" class="form-control" id="ip" />
                                    </td>
                                  </tr>
                                  <tr>
                                    <td>
                                      <label>端口号:</label>
                                    </td>
                                    <td>
                                      <input type="text" class="form-control" id="port" />
                                    </td>

                                    <td>
                                      <label>DNS服务器:</label>
                                    </td>
                                    <td>
                                      <input type="text" class="form-control" id="DNS" readonly />
                                    </td>
                                  </tr>
                                  <tr>
                                    <td>
                                      <label>APN:</label>
                                    </td>
                                    <td>
                                      <input type="text" class="form-control" id="APN" value="cmiot" />
                                    </td>

                                    <td>
                                      <label>APN 用户:</label>
                                    </td>
                                    <td>
                                      <input type="text" class="form-control" id="userName" />
                                    </td>
                                  </tr>
                                  <tr>
                                    <td>
                                      <label>APN密码:</label>
                                    </td>
                                    <td>
                                      <input type="text" class="form-control" id="userPwd" />
                                    </td>
                                  </tr>
                                </table>
                                <div>
                                  <span>注意：</span>
                                  <br />
                                  <p>&nbsp;&nbsp;只有GPRS无限卡、4G卡、3G卡才能设置用此部分功能，否则对于其他进行了设置，则不能正常运行。</p>
                                </div>
                              </fieldset>
                              <!-- </div> -->
                              <!-- </fieldset> -->
                            </div>
                          </div>

                          <!-- 星级 -->
                          <div class="row" style="display:none" >
                            <div class="col-md-7">
                              <fieldset
                                class="scheduler-border"
                                style="border:none;border: 1px solid rgb(66, 139, 202);height:210px"
                              >
                                <legend class="scheduler-border" style=" margin-bottom: 0px">星级设置</legend>
                                <table>
                                  <tr>
                                    <td>
                                      <input type="checkbox" id="wxis" checked />五星评分
                                    </td>
                                    <td>
                                      <select id="Taxi_Five" class="form-control">
                                        <option value="1">1</option>
                                        <option value="2">2</option>
                                        <option value="3">3</option>
                                        <option value="4">4</option>
                                        <option value="5" selected>5</option>
                                      </select>
                                    </td>

                                    <td>
                                      <button type="button" id="addpf" class="btn btn-primary">设置</button>
                                    </td>
                                  </tr>
                                </table>
                                <table>
                                  <tr id="wx">
                                    <td>
                                      <label>一星</label>
                                      <select name="fontcolor" class="form-control">
                                        <option value="FF0000">红色</option>
                                        <option value="00FF00">绿色</option>
                                        <option value="FFFF00">黄色</option>
                                        <option value="0000FF">蓝色</option>
                                        <option value="FF00FF">紫色</option>
                                        <option value="00FFFF">青色</option>
                                        <option value="FFFFFF">白色</option>
                                      </select>
                                    </td>

                                    <td>
                                      <label>二星</label>
                                      <select name="fontcolor" class="form-control">
                                        <option value="FF0000">红色</option>
                                        <option value="00FF00">绿色</option>
                                      <option value="FFFF00">黄色</option>
                                        <option value="0000FF">蓝色</option>
                                        <option value="FF00FF">紫色</option>
                                        <option value="00FFFF">青色</option>
                                        <option value="FFFFFF">白色</option>
                                      </select>
                                    </td>

                                    <td>
                                      <label>三星</label>
                                      <select name="fontcolor" class="form-control">
                                        <option value="FF0000">红色</option>
                                      <option value="00FF00">绿色</option>
                                      <option value="FFFF00">黄色</option>
                                        <option value="0000FF">蓝色</option>
                                        <option value="FF00FF">紫色</option>
                                        <option value="00FFFF">青色</option>
                                        <option value="FFFFFF">白色</option>
                                      </select>
                                    </td>

                                    <td>
                                      <label>四星</label>
                                      <select name="fontcolor" class="form-control">
                                        <option value="FF0000">红色</option>
                                        <option value="00FF00">绿色</option>
                                      <option value="FFFF00">黄色</option>
                                        <option value="0000FF">蓝色</option>
                                        <option value="FF00FF">紫色</option>
                                        <option value="00FFFF">青色</option>
                                        <option value="FFFFFF">白色</option>
                                      </select>
                                    </td>
                                    <td>
                                      <label>五星</label>
                                      <select name="fontcolor" class="form-control">
                                        <option value="FF0000">红色</option>
                                        <option value="00FF00">绿色</option>
                                      <option value="FFFF00">黄色</option>
                                        <option value="0000FF">蓝色</option>
                                        <option value="FF00FF">紫色</option>
                                        <option value="00FFFF">青色</option>
                                        <option value="FFFFFF">白色</option>
                                      </select>
                                    </td>
                                  </tr>
                                  <tr>
                                  </tr>
                                </table>

                                <table>
                                  <tr>
                                    <td>
                                    <label>星级设置</label>
                                    </td>
                                    <td>
                                      <select id="lightCount" class="form-control">
                                        <option value="1">1</option>
                                        <option value="2">2</option>
                                        <option value="3">3</option>
                                        <option value="4">4</option>
                                        <option value="5">5</option>
                                      </select>
                                    </td>

                                    <td>
                                      <button type="button" id="setXing" class="btn btn-primary">设置</button>
                                    </td>
                                  </tr>
                                </table>
                              </fieldset>
                            </div>
                          </div>
                          <!-- 报警 -->
                          <div class="row" style="display:none;margin-left:200px;" >
                            <div class="col-md-4">
                              <fieldset
                                class="scheduler-border"
                                style="border:none;border: 1px solid rgb(66, 139, 202);height:110px"
                              >
                                <legend class="scheduler-border" style=" margin-bottom: 0px">报警设置</legend>
                              <table>
                                  <tr>
                                    <td>
                                      <label>操作</label>
                                    </td>
                                    <td>
                                      <select class="form-control" id="selectcall">
                                        <option value="0" selected>取消</option>
                                        <option value="1">开启</option>
                                      </select>
                                    </td>
                                    <td>
                                      <button type="button" class="btn btn-success" id="setcall">确定</button>
                                    </td>
                                  </tr>
                                </table>

                                <!-- <center>
                                    <button type="button" class="btn btn-success" id="openCall">开启</button>
                                  <button type="button" class="btn btn-success" id="cancelCall">取消报警</button>
                                
                                </center> -->
                            <table style="display:none" id="ta">
                                  <tr>
                                    <td>
                                      <label>报警内容:</label>
                                    </td>
                                  </tr>
                                  <tr>
                                    <td>
                                        <textarea rows="3" id="savetext" style="width:500px" cols="120" placeholder="输入文本内容" class="form-control"></textarea>
                                    </td>
                                  </tr>
                                </table>
                              </fieldset>
                            </div>
                          </div>

                          <!-- 空车有客 -->

                          <div class="row" style="display:none" >
                            <div class="col-md-7" id="header" style="text-align:-webkit-center">
                              <fieldset
                                class="scheduler-border"
                                style="border:none;border: 1px solid rgb(66, 139, 202);"
                              >
                                <legend class="scheduler-border" style=" margin-bottom: 0px">空车有客</legend>
                                
                                <table id="kcar">
                                  <tr >
                                    <td>
                                      <label>空车</label>
                                      <select name="fontcolor" class="form-control">
                                        <option value="FF0000">红色</option>
                                        <option value="00FF00">绿色</option>
                                        <option value="FFFF00">黄色</option>
                                        <option value="0000FF">蓝色</option>
                                        <option value="FF00FF">紫色</option>
                                        <option value="00FFFF">青色</option>
                                        <option value="FFFFFF">白色</option>
                                      </select>
                                    </td>

                                    <td>
                                      <label>有客</label>
                                      <select name="fontcolor" class="form-control">
                                        <option value="FF0000">红色</option>
                                        <option value="00FF00">绿色</option>
                                      <option value="FFFF00">黄色</option>
                                        <option value="0000FF">蓝色</option>
                                        <option value="FF00FF">紫色</option>
                                        <option value="00FFFF">青色</option>
                                        <option value="FFFFFF">白色</option>
                                      </select>
                                    </td>

                                    <td>
                                      <label>电召</label>
                                      <select name="fontcolor" class="form-control">
                                        <option value="FF0000">红色</option>
                                        <option value="00FF00">绿色</option>
                                      <option value="FFFF00">黄色</option>
                                        <option value="0000FF">蓝色</option>
                                        <option value="FF00FF">紫色</option>
                                        <option value="00FFFF">青色</option>
                                        <option value="FFFFFF">白色</option>
                                      </select>
                                    </td>

                                    <td>
                                      <label>交班</label>
                                      <select name="fontcolor" class="form-control">
                                        <option value="FF0000">红色</option>
                                        <option value="00FF00">绿色</option>
                                      <option value="FFFF00">黄色</option>
                                        <option value="0000FF">蓝色</option>
                                        <option value="FF00FF">紫色</option>
                                        <option value="00FFFF">青色</option>
                                        <option value="FFFFFF">白色</option>
                                      </select>
                                    </td>

                                    <td>
                                    
                                      <button type="button" id="setCar" class="btn btn-primary">设置</button>
                                    </td>
                                    </tr>

                                    <tr>
                                    <td>
                                      <label>停运</label>
                                      <select name="fontcolor" class="form-control">
                                        <option value="FF0000">红色</option>
                                        <option value="00FF00">绿色</option>
                                      <option value="FFFF00">黄色</option>
                                        <option value="0000FF">蓝色</option>
                                        <option value="FF00FF">紫色</option>
                                        <option value="00FFFF">青色</option>
                                        <option value="FFFFFF">白色</option>
                                      </select>
                                    </td>
                                    <td>
                                      <label>报警求助</label>
                                      <select name="fontcolor" class="form-control">
                                        <option value="FF0000">红色</option>
                                        <option value="00FF00">绿色</option>
                                      <option value="FFFF00">黄色</option>
                                        <option value="0000FF">蓝色</option>
                                        <option value="FF00FF">紫色</option>
                                        <option value="00FFFF">青色</option>
                                        <option value="FFFFFF">白色</option>
                                      </select>
                                    </td>
                                    <td>
                                      <label>合乘</label>
                                      <select name="fontcolor" class="form-control">
                                        <option value="FF0000">红色</option>
                                        <option value="00FF00">绿色</option>
                                      <option value="FFFF00">黄色</option>
                                        <option value="0000FF">蓝色</option>
                                        <option value="FF00FF">紫色</option>
                                        <option value="00FFFF">青色</option>
                                        <option value="FFFFFF">白色</option>
                                      </select>
                                    </td>
                                    <td>
                                      <label>稽查</label>
                                      <select name="fontcolor" class="form-control">
                                        <option value="FF0000">红色</option>
                                      <option value="00FF00">绿色</option>
                                      <option value="FFFF00">黄色</option>
                                        <option value="0000FF">蓝色</option>
                                        <option value="FF00FF">紫色</option>
                                        <option value="00FFFF">青色</option>
                                        <option value="FFFFFF">白色</option>
                                      </select>
                                    </td>
                                  </tr>
                                  <tr>
                                  </tr>
                                </table>
                              </fieldset>
                            </div>
                          </div>

                          <!-- 扩展设置 -->
                          <div
                            class="modal fade bs-example-modal-mg"
                            id="modalLong"
                            style="overflow:visible"
                            role="dialog"
                            aria-labelledby="myModalLabel"
                            aria-hidden="true"
                            data-backdrop="false"
                           
                          >
                            <div class="modal-dialog modal-sg">
                              <div class="modal-content">
                                <div class="modal-header">
                                  <h4 class="modal-title" id="myModalLabel">扫描扩展参数</h4>
                                </div>
                                <div class="modal-body">
                                  <table>
                                    <tr>
                                      <td>
                                        <label>RGB顺序设置</label>
                                      </td>
                                      <td>
                                        <select id="rgbcolor" class="form-control">
                                          <option value="0,1,2">红绿蓝</option>
                                          <option value="0,2,1">红蓝绿</option>
                                          <option value="1,0,2">绿红蓝</option>
                                          <option value="1,2,0">绿蓝红</option>
                                          <option value="2,0,1">蓝红绿</option>
                                          <option value="2,1,0">蓝绿红</option>
                                        </select>
                                      </td>
                                      <td>
                                        <input type="checkbox" id="ledclkmultiple" value="0" />
                                        <label>是否扩展时钟</label>
                                      </td>
                                    </tr>
                                    <tr>
                                      <td>
                                        <label>行驱动芯片选择</label>
                                      </td>
                                      <td>
                                        <select id="ledRowChip" class="form-control">
                                          <option value="0">默认行芯片</option>
                                          <option value="1">138</option>
                                          <option value="2">无138</option>
                                          <option value="3">SM5266</option>
                                          <option value="4">RT5958</option>
                                          <option value="5">ICN2018</option>
                                          <option value="6">SCAN5166</option>
                                        </select>
                                      </td>
                                    </tr>
                                    <tr>
                                      <td>
                                        <label>列驱动芯片选择</label>
                                      </td>
                                      <td>
                                        <select id="ledColumnChip" class="form-control">
                                          <option value="0">默认列芯片</option>
                                          <option value="1">SM16207</option>
                                          <option value="2">SM16227</option>
                                          <option value="3">SM16237</option>
                                          <option value="4">icn2038S/2045CN</option>
                                          <option value="5">ICN2053</option>
                                          <option value="6">SUM2017</option>
                                          <option value="7">MBI5024普通芯片</option>
                                          <option value="8">FM6126A</option>
                                          <option value="9">SM16159</option>
                                        </select>
                                      </td>
                                    </tr>
                                    <tr>
                                      <td>
                                        <label>灰度等级</label>
                                      </td>
                                      <td>
                                        <select id="ledGrayScale" class="form-control">
                                          <option value="8">256级</option>
                                          <option value="12" selected>4096级</option>
                                        </select>
                                      </td>
                                    </tr>
                                    <tr>
                                      <td>
                                        <label>数据方向</label>
                                      </td>
                                      <td>
                                        <select id="scanDataDirection" class="form-control">
                                          <option value="0">从左到右</option>
                                          <option value="1">从右到左</option>
                                        </select>
                                      </td>
                                    </tr>

                                    <tr>
                                      <td>
                                        <label>时钟周期（3~15）</label>
                                      </td>
                                      <td>
                                        <input id="ledHclkCycle" type="text" class="form-control" value="5" />
                                      </td>
                                      <td>
                                        <label>影响亮度有效率（2的n次方）</label>
                                      </td>
                                      <td>
                                        <input id="dispalyMSBTimeMult" type="text" class="form-control" value="4" />
                                      </td>
                                    </tr>

                                    <tr>
                                      <td>
                                        <label>时钟相位延时（0~7）</label>
                                      </td>
                                      <td>
                                        <input id="scanHclkDelay" type="text" class="form-control" value="0" />
                                      </td>
                                      <td>
                                        <label>设置刷新倍率（0,1,3,2n-1）</label>
                                      </td>
                                      <td>
                                        <input id="scanMultParam" type="text" class="form-control" value="0" />
                                      </td>
                                    </tr>
                                    <tr>
                                      <td>
                                        <label>设置消影时间（8~255）</label>
                                      </td>
                                      <td>
                                        <input id="scanBlankingTime" type="text" class="form-control" value="64" />
                                      </td>
                                    </tr>
                                  </table>
                                </div>
                                <div class="modal-footer">
                                  <button type="button" class="btn btn-primary" onclick="RegExpKuo()">确认</button>
                                  <button type="button" class="btn btn-default" >关闭</button>
                                </div>
                              </div>
                            </div>
                          </div>
                        </div>
                  </div>
                            
                  <div class="modal-footer">      
                        <button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
                   </div>
                </div>
                </div>
      </div>


</div>
</template>


<style>
@import "../../../../static/css/ztree/metroStyle.css";
@import "../../../../static/css/page/device/sup.css";
@import '../../../../static/css/home/ace-rtl.min.css'; 
@import '../../../../static/css/home/font-awesome.min.css';



.right-content fieldset{
  background: white;
  
}

.right-content .row{
  width: 100%;
  margin-left: 105px;
}
#all .nav{
  
  border: 1px solid rgb(66, 139, 202);
  width: 170px;
  font-family: Tahoma,Microsoft FangSong,微软雅黑,黑体;
  /* height: auto; */
  background: white;
  /* position: fixed; */
}

.right-content {
   margin: 0px 0px 0px 80px;
 
}


 #all li {
  list-style: none;
}

 #all a {
  text-decoration: none;
  line-height: 44px;
   color: black;
}
 #all a:focus,
 #all a:hover {
  color: #23527c;
  text-decoration: none;
 
}


#all img{
  width: 22px;
   margin-left: -10px;
}


.arrow{
    margin-left: 45px;
    font-size: 18px;
   
}
.nav-item a span {
   margin-left: 5px
 }
 .nav-item ul li a span {
   margin-left: 42px;
 }
#list1 li,#list2 li,#list3 li{
   margin-left: -40px;
 }


 .nav-item >a{
    height: 50px;
    
 }


</style>

<script>
import "../../../../static/js/page/Device/sup.js";
import "../../../../static/js/jquery-ui-jqLoding.js";
import "../../../../static/js/time/timer.js";
import "../../../../static/js/mloading/jquery.mloading.js";
import "../../../../static/js/jqgrid/jquery.jqGrid.min.js";
import "../../../../static/js/jqgrid/grid.locale-cn.js";


export default {
  name: "app",
  data() {
    return {
    
    };
  },
  mounted() {
   },
  methods: { 
     
	
},
  components: {
    
  }
};
</script>
